<div class="row userLogSmartTable">
    <ba-card baCardClass="with-scroll table-panel">
        <div class="row smartTable">
            <div class="col-sm-2"></div>
            <div class="col-sm-3">
                <div class="col-md-5 dateAlign">
                    <label>From Date</label>
                </div>
                <div class="col-sm-7 todatealignmt">

                    <my-date-picker [options]="myDatePickerOptions" [selDate]="fromDate" (dateChanged)="onFromDateChanged($event)"></my-date-picker>

                </div>
            </div>

            <div class="col-sm-3">
                <div class="col-md-5 dateAlign">
                    <label>To Date</label></div>
                <div class="col-sm-7 todatealignmt">

                    <my-date-picker [options]="myDatePickerOptions" [selDate]="toDate" (dateChanged)="onToDateChanged($event)"></my-date-picker>
                </div>
            </div>
            <div class="col-md-2 userData">
                <button type="submit" class="btn btn-primary downloadButton" (click)="searchUserData($event)">Search
            </button>
            </div>
            <div class="col-md-2 userData">
                <button type="submit" class="btn btn-primary downloadButton" (click)="getCSV($event)">Download CSV
                </button>
            </div>
        </div>

        <ng2-smart-table #userLogTable [settings]="settings" [source]="source"></ng2-smart-table>
        <div class="col-md-12 userData removePagination">
            <button type="submit" class="btn btn-primary downloadButton" (click)="getLogData()" *ngIf="removePagination">Show More</button>
        </div>
    </ba-card>
</div>